@charset "utf-8";
/* CSS Document */
body{
width:100%;
height:100%;
margin:0px;
background-color:rgb(224,224,224);
}
#canvs{
width:1100px;
height:auto;
margin:0px auto;
background-color:#9FF;
}
/*菜单1区的css样式*/
#menu1{
position:absolute;
width:250px; height:35px;
background-color:#F5F5F5;
left:800px;
top:85px;
border:#bbb solid 1px;
}
#menu1 ul{
list-style-type:none;
margin-top:10px;
}
#menu1 li{
float:left;
text-align:center;
width:87px;
}
#menu1 ul li#menuDiv{width:1px; height:18px; background:#999}
#menu1 a:link, #menu1 a:visited{
color:#000;
text-decoration:none;
}
#menu1 a:hover{
color:#F30;
text-decoration:none;
}
/*菜单2区的css样式*/
#menu2{
position:absolute;
width:290px; height:35px;
background-color:#F5F5F5;
left:700px;
top:220px;
text-align:center;
border:#bbb solid 1px;
}
#menu2 ul{
list-style-type:none;
margin-top:10px;
margin-left:-20px;
}
#menu2 li{
float:left;
width:80px;
}
#menu2 ul li#menuDiv{width:1px; height:18px; background:#999}
#menu2 a:link, #menu2 a:visited{
color:#000;
text-decoration:none;
}
#menu2 a:hover{
color:#F30;
text-decoration:none;
}
#masterinfo{
position:absolute;
width:270px;
height:250px;
top:63px;
left:91px;
}
/*设置图片按400px进行缩放显示*/
#masterinfo img {
max-width:270px;
width:expression_r(this.width<270px?"auto":"270px");
}
/*博主签名区css样式*/
#bloginfo{
position:absolute;
width:270px;
height:94px;
top:55px;
left:379px;
}
#sign {
font-family:'楷体';
font-weight:300;
font-size:24px;
color:#06F;
}
#bloger{
font-family:'微软雅黑';
font-weight:100;
font-size:22px;
color:#666;
}
/*博客空间统计区css样式*/
#statistic{
position:absolute;
width:220px; height:110px;
background-color:#FFF;
left:110px;
top:335px;
border:#CCC solid 1px;
text-align:center;
}
#statistictopic{
width:99.8%;
height:20px;
padding-top:5px;
padding-bottom:5px;
line-height:20px;
border-bottom:#CCC solid 1px;
background-color:#F5F5F5;
text-align:left;
}
#statistictopic span{
color:#666;
font-family:"微软雅黑";
font-size:12px;
font-weight:bold;
margin-left:20px;
}
#statistic table{
width:80%;
margin:5px auto 5px auto;
color:#666;
font-size:12px;
font-weight:bold;
font-family:"微软雅黑";
}
#statistic table tr{
line-height:18px;
}
/*热点文章目录区*/
#recommend{
position:absolute;
width:220px; height:330px;
background-color:#FFF;
left:110px;
top:465px;
border:#CCC solid 1px;
}
#recommendtopic{
width:99.8%;
height:20px;
padding-top:5px;
padding-bottom:5px;
line-height:20px;
border-bottom:#CCC solid 1px;
background-color:#F5F5F5;
text-align:left;
}
#recommendtopic span{
color:#666;
font-family:"微软雅黑";
font-size:12px;
font-weight:bold;
margin-left:20px;
}
#recommend ul{
margin:5px auto 5px auto;
font-size:12px;
font-family:"微软雅黑";
list-style-type:none;
}
#recommend li{
text-align:left;
padding:5px 0px 5px 5px;
margin-left:-25px;
color:#606;
}
/*文章搜索区css样式*/
#search{
position:absolute;
width:220px;
height:87px;
background-color:#FFF;
left:110px;
top:815px;
border:#CCC solid 1px;
line-height:57px;
}
#searchtopic{
width:99.8%;
height:20px;
padding-top:5px;
padding-bottom:5px;
line-height:20px;
border-bottom:#CCC solid 1px;
background-color:#F5F5F5;
text-align:left;
}
#searchtopic span{
color:#666;
font-family:"微软雅黑";
font-size:12px;
font-weight:bold;
margin-left:20px;
}
#search input{
color:#666;
font-family:"微软雅黑";
font-size:12px;
font-weight:bold;
}
/*文章目录区css样式*/
#main{
width:760px;
height:900px;
margin:300px 200px 10px 350px;
background-color:#F5F5F5;
}
#topic{
width:738px;
height:20px;
border:#ccc dashed 1px;
padding:5px 0px 5px 20px;
}
span.articletopic{
height:20px;
line-height:20px;
color:#666;
font-family:"微软雅黑";
font-size:12px;
font-weight:bold;
}
span.articleedit{
float:right;
margin-right:20px;
height:20px;
line-height:20px;
color:#666;
font-family:"微软雅黑";
font-size:12px;
font-weight:bold;
}
#content{
width:760px;
height:810px;
margin-top:30px;
text-align:center;
}
#content table{
width:100%;
margin:0px auto;
}
#content table tr{
line-height:26px;
}
#blogcontent{
width:65%;
text-align:left;
padding-left:10px;
}
a:link,a:visited{
color:#606;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
#blogreview{
width:15%;
text-align:right;
padding-left:10px;
color:#333;
font-size:14px;
}
#blogcreate{
width:20%;
text-align:left;
padding-left:10px;
color:#666;
font-size:12px;
font-family:"Courier New", Courier, monospace;
}
/*分页菜单样式*/
#footer{
background-color:#FFF;
width:758px;
height:28px;
border:#999 solid 1px;
border-top:#999 dashed 1px;
font-size:12px;
font-family:"Courier New", Courier, monospace;
font-weight:bold;
color:#666;
}
#footer ul{
list-style-type:none;
margin-right: 25px;
}
#footer ul li{
float: right;
text-align:center;
}
li.pageselect{
width:25px;
}
li.pagedo{
width:50px;
}
li.page{
width:25px;
background-color:#F6F6F6;
border:#CCC solid 1px;
}
.clearfix:after { clear:both; content:"."; display:block;
visibility:hidden; height:0;}
.clearfix {zoom:1;}
/*版权区样式*/
.copyright{text-align:center; margin-top:5px; background:fff;
padding:10px 0px;color:#666; }
.copyright a{text-decoration:underline; color:#06F; font-size:12px; }
